﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <!--
		
            Licensed under the Apache License v2.0
            http://www.apache.org/licenses/LICENSE-2.0

            http://srivarenya.com
            http://twitter.com/SriVarenya
            -->
        <meta charset="utf-8">
        <title>Free HTML5 Template</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="A fully featured, responsive, HTML5, Bootstrap  template.">
        <meta name="author" content="Sireesh Pangaluri">
        
        <!-- The styles -->
        <link id="bs-css" href="Content/bootstrap.css" rel="stylesheet">
        <link href="Content/bootstrap-responsive.css" rel="stylesheet"> 
        <link href="Content/svtheme-app.css" rel="stylesheet"> 
        <link href="Content/site.css" rel="stylesheet"> 
        <link href="Content/jquery-ui-1.10.3.redmond.min.css" rel="stylesheet"> 
        <link href="Content/jquery.jqGrid/ui.jqgrid.css" rel="stylesheet"> 
        <link href="Content/fullcalendar.css" rel="stylesheet"> 
        <link href="Content/fullcalendar.print.css" rel="stylesheet"> 
        <link href="Content/chosen.css" rel="stylesheet"> 
        <link href="Content/colorbox.css" rel="stylesheet"> 
        <link href="Content/jquery.cleditor.css" rel="stylesheet"> 
        <link href="Content/jquery.noty.css" rel="stylesheet"> 
        <link href="Content/noty_theme_default.css" rel="stylesheet"> 
        <link href="Content/elfinder.min.css" rel="stylesheet"> 
        <link href="Content/elfinder.theme.css" rel="stylesheet"> 
        <link href="Content/jquery.iphone.toggle.css" rel="stylesheet"> 
        <link href="Content/opa-icons.css" rel="stylesheet"> 
        <link href="Content/uploadify.css" rel="stylesheet"> 
    
        <!-- Header.js to Load Scripts -->
        <script type="text/javascript" src="Scripts/head.js"> </script>
        
        <!-- The fav icon -->
        <link rel="shortcut icon" href="Images/favicon.ico">
        
        <!-- Replace  SriVarenya.com with Desktop Site & m.SriVarenya.com with Mobile site-->
        <script type="text/javascript"
                src="http://detect.deviceatlas.com/redirect.js?d=SriVarenya.com&m= m.SriVarenya.com"> </script>
    </head>
    <body>
        <header>
            <div class="navbar navbar-fixed-top">
                <div class="navbar-inner">
                    <a class="brand" href="http://srivarenya.com"> <img alt="Sri Varenya Logo" src="Images/Logo.png" /> <span>Sri Varenya HTML5 Template</span></a>
                
                    <ul class="nav nav-pills">
                        <!--search Bar -->
                        <li><a href="#">Search</a></li>
                        <li>
                            <form class="navbar-search pull-left" method="get" action="http://www.google.com/search">
                                <input placeholder="Search" class="search-query span2" name="query" type="text">
                            </form>
                        </li>
                        <li class="divider-vertical"></li>

                        <li><a href="#">Home</a></li>
                     
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                Dropdown Menu
                                <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                                <li><a tabindex="-1" href="#">Action</a></li>
                                <li><a tabindex="-1" href="#">Another action</a></li>
                                <li class="disabled"><a tabindex="-1" href="#">Disabled Link</a></li>
                                <li class="divider"></li>
                                <li class="dropdown-submenu">
                                    <a tabindex="-1" href="#">More options</a>
                                    <ul class="dropdown-menu">
                                        <li><a tabindex="-1" href="#">Second level link</a></li>
                                        <li><a tabindex="-1" href="#">Second level link</a></li>
                                        <li><a tabindex="-1" href="#">Second level link</a></li>
                                        <li><a tabindex="-1" href="#">Second level link</a></li>
                                        <li><a tabindex="-1" href="#">Second level link</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                    </ul>
              
                    <!-- theme selector starts -->
                    <div class="btn-group pull-right" >
                        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Change Theme / Skin<span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu" id="themes">
                            <li><a data-value="amelia" href="#">Amelia</a></li>
                            <li><a data-value="cerulean" href="#"> Cerulean</a></li>
                            <li><a data-value="cosmo" href="#"> Cosmo</a></li>
                            <li><a data-value="cyborg" href="#">Cyborg</a></li>
                            <li><a data-value="flatly" href="#">Flatly</a></li>
                            <li><a data-value="journal" href="#">Journal</a></li>
                            <li><a data-value="readable" href="#">Readable</a></li>
                            <li><a data-value="simplex" href="#">Simplex</a></li>
                            <li><a data-value="slate" href="#">Slate</a></li>
                            <li><a data-value="spacelab" href="#"> Spacelab</a></li>
                            <li><a data-value="spruce" href="#"> Spruce</a></li>
                            <li><a data-value="superhero" href="#">Superhero</a></li>
                            <li><a data-value="united" href="#">United</a></li>
                        </ul>
                    </div>
                    <!-- theme selector ends -->
                
                    <!-- user dropdown starts -->
                    <div class="btn-group pull-right" >
                        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                            <i class="icon-user"></i><span class="hidden-phone"> admin</span>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Profile</a></li>
                            <li class="divider"></li>
                            <li><a href="login.html">Logout</a></li>
                        </ul>
                    </div>

                    <!-- language Selector -->
                    <div class=" btn-group pull-right" id="google_translate_element"></div>
                    <!-- language Selector Ends-->
                </div>
            </div> <!-- topbar / NavBar ends -->
        </header>  
       
       
        <!-- Content  -->
        <div class="container-fluid margin-top">
            <div class="row-fluid">
                <!-- left menu starts -->
                <div class="span2">
                    <div class="well">
                        <ul class="nav nav-tabs nav-stacked">
                            <li class="nav-header hidden-tablet">Left Menu Option</li>
                            <li><a  href="Default.html"><i class="icon-home"></i><span class="hidden-tablet"> Home</span></a></li>
                            <li><a href="icon.html"><i class="icon-globe"></i><span class="hidden-tablet"> Application Icons</span></a></li>
                            <li><a href="Form.html"><i class="icon-edit"></i><span class="hidden-tablet"> Form Example</span></a></li>
                            <li><a href="login.html"><i class="icon-lock"></i><span class="hidden-tablet"> Login Page</span></a></li>
                            <li><a  href="http://twitter.github.io/bootstrap/base-css.html"><i class="icon-eye-open"></i><span class="hidden-tablet"> Base CSS</span></a></li>
                            <li><a  href="http://twitter.github.io/bootstrap/scaffolding.html"><i class="icon-edit"></i><span class="hidden-tablet"> Scaffolding</span></a></li>
                            <li><a  href="http://twitter.github.io/bootstrap/components.html"><i class="icon-list-alt"></i><span class="hidden-tablet"> Components</span></a></li>
                            <li><a  href="http://twitter.github.io/bootstrap/javascript.htmll"><i class="icon-font"></i><span class="hidden-tablet"> Java Script</span></a></li>
                            <li class="nav-header hidden-tablet">References</li>
                            <li><a  href="http://bootswatch.com/"><i class="icon-align-justify"></i><span class="hidden-tablet"> Bootstarp Themes</span></a></li>
                            <li><a  href="http://bootstrapstyler.com/"><i class="icon-calendar"></i><span class="hidden-tablet"> Bootstrap Styler</span></a></li>
                            <li><a  href="http://stage.getkickstrap.com/"><i class="icon-th"></i><span class="hidden-tablet"> Kickstrap HTML, LESS</span></a></li>
                            <li><a  href="http://icomoon.io/"><i class="icon-th"></i><span class="hidden-tablet"> Icon Moon Icons</span></a></li>
                            <li><a  href="http://www.highcharts.com/demo/"><i class="icon-th"></i><span class="hidden-tablet"> Charts Demo</span></a></li>
                        </ul>
                        <label id="for-is-ajax" class="hidden-tablet" for="is-ajax"><input id="is-ajax" type="checkbox"> Ajax on menu</label>
                    </div><!--/.well -->
                </div><!--/span-->
                <!-- left menu ends -->
			
                <noscript>
                    <div class="alert alert-block span10">
                        <h4 class="alert-heading">Warning!</h4>
                        <p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
                    </div>
                </noscript>
			
               	
                <div id="content" class="span10">
                    <!-- content starts -->
			

                    <div>
                        <ul class="breadcrumb">
                            <li>
                                <a href="#">Home</a> <span class="divider">/</span>
                            </li>
                            <li>
                                <a href="#">Forms</a>
                            </li>
                        </ul>
                    </div>
			
                    <div class="row-fluid sortable">
                        <div class="box span12">
                            <div class="box-header well" data-original-title>
                                <h2><i class="icon-edit"></i> Form Elements</h2>
                                <div class="box-icon">
                                    <a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
                                    <a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
                                    <a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
                                </div>
                            </div>
                            <div class="box-content">
                                <form class="form-horizontal">
                                    <fieldset>
                                        <legend>Datepicker, Autocomplete, WYSIWYG</legend>
                                        <div class="control-group">
                                            <label class="control-label" for="typeahead">Auto complete </label>
                                            <div class="controls">
                                                <input type="text" class="span6 typeahead" id="typeahead"  data-provide="typeahead" data-items="4" data-source='["Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky","Louisiana","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Dakota","North Carolina","Ohio","Oklahoma","Oregon","Pennsylvania","Rhode Island","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming"]'>
                                                <p class="help-block">Start typing to activate auto complete!</p>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label" for="date01">Date input</label>
                                            <div class="controls">
                                                <input type="text" class="input-xlarge datepicker" id="date01" value="02/16/12">
                                            </div>
                                        </div>

                                        <div class="control-group">
                                            <label class="control-label" for="fileInput">File input</label>
                                            <div class="controls">
                                                <input class="input-file uniform_on" id="fileInput" type="file">
                                            </div>
                                        </div>          
                                        <div class="control-group">
                                            <label class="control-label" for="textarea2">Textarea WYSIWYG</label>
                                            <div class="controls">
                                                <textarea class="cleditor" id="textarea2" rows="3"></textarea>
                                            </div>
                                        </div>
                                        <div class="form-actions">
                                            <button type="submit" class="btn btn-primary">Save changes</button>
                                            <button type="reset" class="btn">Cancel</button>
                                        </div>
                                    </fieldset>
                                </form>   

                            </div>
                        </div><!--/span-->

                    </div><!--/row-->


                    <div class="row-fluid sortable">
                        <div class="box span12">
                            <div class="box-header well" data-original-title>
                                <h2><i class="icon-edit"></i> Form Elements</h2>
                                <div class="box-icon">
                                    <a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
                                    <a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
                                    <a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
                                </div>
                            </div>
                            <div class="box-content">
                                <form class="form-horizontal">
                                    <fieldset>
                                        <div class="control-group">
                                            <label class="control-label" for="focusedInput">Focused input</label>
                                            <div class="controls">
                                                <input class="input-xlarge focused" id="focusedInput" type="text" value="This is focused…">
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">Uneditable input</label>
                                            <div class="controls">
                                                <span class="input-xlarge uneditable-input">Some value here</span>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label" for="disabledInput">Disabled input</label>
                                            <div class="controls">
                                                <input class="input-xlarge disabled" id="disabledInput" type="text" placeholder="Disabled input here…" disabled="">
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label" for="optionsCheckbox2">Disabled checkbox</label>
                                            <div class="controls">
                                                <label class="checkbox">
                                                    <input type="checkbox" id="optionsCheckbox2" value="option1" disabled="">
                                                    This is a disabled checkbox
                                                </label>
                                            </div>
                                        </div>
                                        <div class="control-group warning">
                                            <label class="control-label" for="inputWarning">Input with warning</label>
                                            <div class="controls">
                                                <input type="text" id="inputWarning">
                                                <span class="help-inline">Something may have gone wrong</span>
                                            </div>
                                        </div>
                                        <div class="control-group error">
                                            <label class="control-label" for="inputError">Input with error</label>
                                            <div class="controls">
                                                <input type="text" id="inputError">
                                                <span class="help-inline">Please correct the error</span>
                                            </div>
                                        </div>
                                        <div class="control-group success">
                                            <label class="control-label" for="inputSuccess">Input with success</label>
                                            <div class="controls">
                                                <input type="text" id="inputSuccess">
                                                <span class="help-inline">Woohoo!</span>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label" for="selectError3">Plain Select</label>
                                            <div class="controls">
                                                <select id="selectError3">
                                                    <option>Option 1</option>
                                                    <option>Option 2</option>
                                                    <option>Option 3</option>
                                                    <option>Option 4</option>
                                                    <option>Option 5</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label" for="selectError">Modern Select</label>
                                            <div class="controls">
                                                <select id="selectError" data-rel="chosen">
                                                    <option>Option 1</option>
                                                    <option>Option 2</option>
                                                    <option>Option 3</option>
                                                    <option>Option 4</option>
                                                    <option>Option 5</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label" for="selectError1">Multiple Select / Tags</label>
                                            <div class="controls">
                                                <select id="selectError1" multiple data-rel="chosen">
                                                    <option>Option 1</option>
                                                    <option selected>Option 2</option>
                                                    <option>Option 3</option>
                                                    <option>Option 4</option>
                                                    <option>Option 5</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label" for="selectError2">Group Select</label>
                                            <div class="controls">
                                                <select data-placeholder="Your Favorite Football Team" id="selectError2" data-rel="chosen">
                                                    <option value=""></option>
                                                    <optgroup label="NFC EAST">
                                                        <option>Dallas Cowboys</option>
                                                        <option>New York Giants</option>
                                                        <option>Philadelphia Eagles</option>
                                                        <option>Washington Redskins</option>
                                                    </optgroup>
                                                    <optgroup label="NFC NORTH">
                                                        <option>Chicago Bears</option>
                                                        <option>Detroit Lions</option>
                                                        <option>Green Bay Packers</option>
                                                        <option>Minnesota Vikings</option>
                                                    </optgroup>
                                                    <optgroup label="NFC SOUTH">
                                                        <option>Atlanta Falcons</option>
                                                        <option>Carolina Panthers</option>
                                                        <option>New Orleans Saints</option>
                                                        <option>Tampa Bay Buccaneers</option>
                                                    </optgroup>
                                                    <optgroup label="NFC WEST">
                                                        <option>Arizona Cardinals</option>
                                                        <option>St. Louis Rams</option>
                                                        <option>San Francisco 49ers</option>
                                                        <option>Seattle Seahawks</option>
                                                    </optgroup>
                                                    <optgroup label="AFC EAST">
                                                        <option>Buffalo Bills</option>
                                                        <option>Miami Dolphins</option>
                                                        <option>New England Patriots</option>
                                                        <option>New York Jets</option>
                                                    </optgroup>
                                                    <optgroup label="AFC NORTH">
                                                        <option>Baltimore Ravens</option>
                                                        <option>Cincinnati Bengals</option>
                                                        <option>Cleveland Browns</option>
                                                        <option>Pittsburgh Steelers</option>
                                                    </optgroup>
                                                    <optgroup label="AFC SOUTH">
                                                        <option>Houston Texans</option>
                                                        <option>Indianapolis Colts</option>
                                                        <option>Jacksonville Jaguars</option>
                                                        <option>Tennessee Titans</option>
                                                    </optgroup>
                                                    <optgroup label="AFC WEST">
                                                        <option>Denver Broncos</option>
                                                        <option>Kansas City Chiefs</option>
                                                        <option>Oakland Raiders</option>
                                                        <option>San Diego Chargers</option>
                                                    </optgroup>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-actions">
                                            <button type="submit" class="btn btn-primary">Save changes</button>
                                            <button class="btn">Cancel</button>
                                        </div>
                                    </fieldset>
                                </form>
					
                            </div>
                        </div><!--/span-->
			
                    </div><!--/row-->
			
                    <div class="row-fluid sortable">
                        <div class="box span12">
                            <div class="box-header well" data-original-title>
                                <h2><i class="icon-edit"></i> Form Elements</h2>
                                <div class="box-icon">
                                    <a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
                                    <a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
                                    <a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
                                </div>
                            </div>
                            <div class="box-content">
                                <form class="form-horizontal">
                                    <fieldset>
                                        <div class="control-group">
                                            <label class="control-label" for="prependedInput">Prepended text</label>
                                            <div class="controls">
                                                <div class="input-prepend">
                                                    <span class="add-on">@</span><input id="prependedInput" size="16" type="text">
                                                </div>
                                                <p class="help-block">Here's some help text</p>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label" for="appendedInput">Appended text</label>
                                            <div class="controls">
                                                <div class="input-append">
                                                    <input id="appendedInput" size="16" type="text"><span class="add-on">.00</span>
                                                </div>
                                                <span class="help-inline">Here's more help text</span>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label" for="appendedPrependedInput">Append and prepend</label>
                                            <div class="controls">
                                                <div class="input-prepend input-append">
                                                    <span class="add-on">$</span><input id="appendedPrependedInput" size="16" type="text"><span class="add-on">.00</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label" for="appendedInputButton">Append with button</label>
                                            <div class="controls">
                                                <div class="input-append">
                                                    <input id="appendedInputButton" size="16" type="text"><button class="btn" type="button">Go!</button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label" for="appendedInputButtons">Two-button append</label>
                                            <div class="controls">
                                                <div class="input-append">
                                                    <input id="appendedInputButtons" size="16" type="text"><button class="btn" type="button">Search</button><button class="btn" type="button">Options</button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">Checkboxes</label>
                                            <div class="controls">
                                                <label class="checkbox inline">
                                                    <input type="checkbox" id="inlineCheckbox1" value="option1"> Option 1
                                                </label>
                                                <label class="checkbox inline">
                                                    <input type="checkbox" id="inlineCheckbox2" value="option2"> Option 2
                                                </label>
                                                <label class="checkbox inline">
                                                    <input type="checkbox" id="inlineCheckbox3" value="option3"> Option 3
                                                </label>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">File Upload</label>
                                            <div class="controls">
                                                <input type="file">
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label">Radio buttons</label>
                                            <div class="controls">
                                                <label class="radio">
                                                    <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="">
                                                    Option one is this and that—be sure to include why it's great
                                                </label>
                                                <div style="clear: both"></div>
                                                <label class="radio">
                                                    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
                                                    Option two can be something else and selecting it will deselect option one
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-actions">
                                            <button type="submit" class="btn btn-primary">Save changes</button>
                                            <button class="btn">Cancel</button>
                                        </div>
                                    </fieldset>
                                </form>
                            </div>
                        </div><!--/span-->

                    </div><!--/row-->
    
                    <!-- content ends -->
                </div><!--/#content.span10-->
            </div><!--/fluid-row-->
				
        </div><!--/fluid-row-->

        <footer>
            <div class="navbar-fixed-bottom">
                <p class="pull-left">&copy; <a href="http://srivarenya.com" target="_blank">Sri Varenya</a> 2013</p>		
            </div>	
        </footer>
		
    </div><!--/.fluid-container-->
        
        <!-- ADD ALL SCRIPTS IN referenceScripts.js with head.js -->
        <script src="Scripts/DesktopReferenceScripts.js"> </script>
      
    </body>
</html>